<div id="loginWindowModal" class="modal hide fade" tabindex="-1"
	role="dialog" aria-labelledby="loginWindowModalLabel"
	aria-hidden="true">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal"
			aria-hidden="true">×</button>
		<ul class="nav nav-tabs">
			<li class="active"><a href="#signIn" data-toggle="tab">Sign
					In</a></li>
			<li><a href="#register" data-toggle="tab">Register</a></li>
		</ul>
	</div>
	<div class="modal-body">
		<div class="tab-content">
			<div id="signIn" class="tab-pane active">

				<form class="form-horizontal" action="" method="post">
					<div class="control-group">
						<div class="controls">
							<a href="@{auth()}">
								<button type="button" class="btn btn-facebook">
									<i class="icon-facebook"></i> | Sign in with Facebook
								</button>
							</a>
						</div>
					</div>
				</form>


				<form class="form-horizontal" action="@{loginUser()}" method="post">
					<div class="control-group">
						<div class="controls">
							<h4>Or use traditional login:</h4>
						</div>
						<label class="control-label" for="loginEmail">Email</label>
						<div class="controls">
							<input type="text" id="loginEmail"
								placeholder="example@domain.com" name="loginEmail" /> <span
								class="error">#{error 'loginEmail' /}</span>
						</div>
					</div>

					<div class="control-group">
						<label class="control-label" for="loginPassword">Password</label>
						<div class="controls">
							<input type="password" id="loginPassword" placeholder="********"
								name="loginPassword" /> <span class="error">#{error
								'loginPassword' /}</span>
						</div>
					</div>

					<div>
						<span class="error">${flash.emailOrPasswordError}</span>
					</div>

					<div class="control-group">
						<div class="controls">
							<button type="submit" class="btn btn-primary">Sign in</button>
						</div>
					</div>
				</form>
			</div>
			<div id="register" class="tab-pane">
				<form class="form-horizontal" action="@{registerNewUser()}"
					method="post">
					<div>
						<div class="control-group">
							<label class="control-label" for="firstName">First Name</label>
							<div class="controls">
								<input type="text" name="firstName" id="firstName"
									placeholder="first name" value="${flash.firstName}" /> <span
									class="error">#{error 'firstName' /}</span>
							</div>
						</div>

						<div class="control-group">
							<label class="control-label" for="lastName">Last Name</label>
							<div class="controls">
								<input type="text" name="lastName" id="lastName"
									placeholder="last name" value="${flash.lastName}" /> <span
									class="error">#{error 'lastName' /}</span>
							</div>
						</div>

						<div class="control-group">
							<label class="control-label" for="registerEmail">Email</label>
							<div class="controls">
								<input type="text" name="registerEmail" id="registerEmail"
									placeholder="example@domain.com" value="${flash.registerEmail}" />
								<span class="error">#{error 'registerEmail' /}</span>
							</div>
						</div>

						<div class="control-group">
							<label class="control-label" for="registerPassword">Password</label>
							<div class="controls">
								<input type="password" name="registerPassword"
									id="registerPassword" placeholder="********" /> <span
									class="error">#{error 'registerPassword' /}</span>
							</div>
						</div>

						<div class="control-group">
							<label class="control-label" for="confirmPassword">Confirm
								Password</label>
							<div class="controls">
								<input type="password" name="confirmPassword"
									id="confirmPassword" placeholder="********" /> <span
									class="error">#{error 'confirmPassword' /}</span>
							</div>
						</div>
						<div class="control-group">
							<div class="controls">
								<button class="btn btn-primary">Register</button>
							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
	<div class="modal-footer">
		<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
	</div>
</div>